<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>分页演示</title>
    <link
      rel="stylesheet"
      href="/static/style.css"
    />
  </head>
  <body>
    <h1>GORM + Gin 分页演示</h1>
    <div id="range-info"></div>
    <div id="data-container"></div>

    <div class="controls">
      每页：
      <select
        id="pageSize"
        onchange="reload()"
      >
        <option value="5">5</option>
        <option
          value="10"
          selected
        >
          10
        </option>
        <option value="20">20</option>
      </select>
      条
    </div>

    <div id="pagination-container"></div>
    <div class="jump">
      跳转到
      <input
        type="number"
        id="jumpTo"
        min="1"
      />
      页
      <button onclick="jump()">跳转</button>
    </div>

    <script src="/static/script.js"></script>
  </body>
</html>
